(function (undefined) {

    (function (factory) {
        "use strict";

        // amd module
        if (typeof define === "function" && define.amd) {
            define(["jquery", "widget" ,"echarts"], factory);
        }
        // global
        else {
            factory();
        }

    })
    (function ($, widget ,echarts) {
        "use strict";

        //关于组件配置说明，请见"开发者中心"，搜索"388.组件设计"

        //关于代码调试工具的使用说明，请见"开发者中心"，搜索"397.开发者工具使用文档"

        var render = function (widgetIns, $widget, option, attr, css, auiCtx) {
            var html = [],
                index,
                value,
                i,v,item,j,temp,
                style,
                theme,
                myChart,
                cache = {},
                series,
                xAxisType,
                resizeHandler,
                addResizeHandler = function () {
                    resizeHandler = app.getUID();
                    app.screen.addResizeHandler({
                        uid: resizeHandler,
                        isGlobal: true,
                        timeout: 220,
                        callback: function () {
                            myChart.resize();
                        }
                    })};

            /* //填充数据
             $widget
             //解绑上次的事件
             .off('.namespace')
             //使用empty方法释放DOM对象的内存
             .empty(); */

            var upColor = '#ec0000',
                downColor = '#00da3c';



            // 数据意义：开盘(open)，收盘(close)，最低(lowest)，最高(highest)
            var data0 = splitData([
                ['2013/1/24', 2320.26, 2320.26, 2287.3, 2362.94],
                ['2013/1/25', 2300, 2291.3, 2288.26, 2308.38],
                ['2013/1/28', 2295.35, 2346.5, 2295.35, 2346.92],
                ['2013/1/29', 2347.22, 2358.98, 2337.35, 2363.8],
                ['2013/1/30', 2360.75, 2382.48, 2347.89, 2383.76],
                ['2013/1/31', 2383.43, 2385.42, 2371.23, 2391.82],
                ['2013/2/1', 2377.41, 2419.02, 2369.57, 2421.15],
                ['2013/2/4', 2425.92, 2428.15, 2417.58, 2440.38],
                ['2013/2/5', 2411, 2433.13, 2403.3, 2437.42],
                ['2013/2/6', 2432.68, 2434.48, 2427.7, 2441.73],
                ['2013/2/7', 2430.69, 2418.53, 2394.22, 2433.89],
                ['2013/2/8', 2416.62, 2432.4, 2414.4, 2443.03],
                ['2013/2/18', 2441.91, 2421.56, 2415.43, 2444.8],
                ['2013/2/19', 2420.26, 2382.91, 2373.53, 2427.07],
                ['2013/2/20', 2383.49, 2397.18, 2370.61, 2397.94],
                ['2013/2/21', 2378.82, 2325.95, 2309.17, 2378.82],
                ['2013/2/22', 2322.94, 2314.16, 2308.76, 2330.88],
                ['2013/2/25', 2320.62, 2325.82, 2315.01, 2338.78],
                ['2013/2/26', 2313.74, 2293.34, 2289.89, 2340.71],
                ['2013/2/27', 2297.77, 2313.22, 2292.03, 2324.63],
                ['2013/2/28', 2322.32, 2365.59, 2308.92, 2366.16],
                ['2013/3/1', 2364.54, 2359.51, 2330.86, 2369.65],
                ['2013/3/4', 2332.08, 2273.4, 2259.25, 2333.54],
                ['2013/3/5', 2274.81, 2326.31, 2270.1, 2328.14],
                ['2013/3/6', 2333.61, 2347.18, 2321.6, 2351.44],
                ['2013/3/7', 2340.44, 2324.29, 2304.27, 2352.02],
                ['2013/3/8', 2326.42, 2318.61, 2314.59, 2333.67],
                ['2013/3/11', 2314.68, 2310.59, 2296.58, 2320.96],
                ['2013/3/12', 2309.16, 2286.6, 2264.83, 2333.29],
                ['2013/3/13', 2282.17, 2263.97, 2253.25, 2286.33],
                ['2013/3/14', 2255.77, 2270.28, 2253.31, 2276.22],
                ['2013/3/15', 2269.31, 2278.4, 2250, 2312.08],
                ['2013/3/18', 2267.29, 2240.02, 2239.21, 2276.05],
                ['2013/3/19', 2244.26, 2257.43, 2232.02, 2261.31],
                ['2013/3/20', 2257.74, 2317.37, 2257.42, 2317.86],
                ['2013/3/21', 2318.21, 2324.24, 2311.6, 2330.81],
                ['2013/3/22', 2321.4, 2328.28, 2314.97, 2332],
                ['2013/3/25', 2334.74, 2326.72, 2319.91, 2344.89],
                ['2013/3/26', 2318.58, 2297.67, 2281.12, 2319.99],
                ['2013/3/27', 2299.38, 2301.26, 2289, 2323.48],
                ['2013/3/28', 2273.55, 2236.3, 2232.91, 2273.55],
                ['2013/3/29', 2238.49, 2236.62, 2228.81, 2246.87],
                ['2013/4/1', 2229.46, 2234.4, 2227.31, 2243.95],
                ['2013/4/2', 2234.9, 2227.74, 2220.44, 2253.42],
                ['2013/4/3', 2232.69, 2225.29, 2217.25, 2241.34],
                ['2013/4/8', 2196.24, 2211.59, 2180.67, 2212.59],
                ['2013/4/9', 2215.47, 2225.77, 2215.47, 2234.73],
                ['2013/4/10', 2224.93, 2226.13, 2212.56, 2233.04],
                ['2013/4/11', 2236.98, 2219.55, 2217.26, 2242.48],
                ['2013/4/12', 2218.09, 2206.78, 2204.44, 2226.26],
                ['2013/4/15', 2199.91, 2181.94, 2177.39, 2204.99],
                ['2013/4/16', 2169.63, 2194.85, 2165.78, 2196.43],
                ['2013/4/17', 2195.03, 2193.8, 2178.47, 2197.51],
                ['2013/4/18', 2181.82, 2197.6, 2175.44, 2206.03],
                ['2013/4/19', 2201.12, 2244.64, 2200.58, 2250.11],
                ['2013/4/22', 2236.4, 2242.17, 2232.26, 2245.12],
                ['2013/4/23', 2242.62, 2184.54, 2182.81, 2242.62],
                ['2013/4/24', 2187.35, 2218.32, 2184.11, 2226.12],
                ['2013/4/25', 2213.19, 2199.31, 2191.85, 2224.63],
                ['2013/4/26', 2203.89, 2177.91, 2173.86, 2210.58],
                ['2013/5/2', 2170.78, 2174.12, 2161.14, 2179.65],
                ['2013/5/3', 2179.05, 2205.5, 2179.05, 2222.81],
                ['2013/5/6', 2212.5, 2231.17, 2212.5, 2236.07],
                ['2013/5/7', 2227.86, 2235.57, 2219.44, 2240.26],
                ['2013/5/8', 2242.39, 2246.3, 2235.42, 2255.21],
                ['2013/5/9', 2246.96, 2232.97, 2221.38, 2247.86],
                ['2013/5/10', 2228.82, 2246.83, 2225.81, 2247.67],
                ['2013/5/13', 2247.68, 2241.92, 2231.36, 2250.85],
                ['2013/5/14', 2238.9, 2217.01, 2205.87, 2239.93],
                ['2013/5/15', 2217.09, 2224.8, 2213.58, 2225.19],
                ['2013/5/16', 2221.34, 2251.81, 2210.77, 2252.87],
                ['2013/5/17', 2249.81, 2282.87, 2248.41, 2288.09],
                ['2013/5/20', 2286.33, 2299.99, 2281.9, 2309.39],
                ['2013/5/21', 2297.11, 2305.11, 2290.12, 2305.3],
                ['2013/5/22', 2303.75, 2302.4, 2292.43, 2314.18],
                ['2013/5/23', 2293.81, 2275.67, 2274.1, 2304.95],
                ['2013/5/24', 2281.45, 2288.53, 2270.25, 2292.59],
                ['2013/5/27', 2286.66, 2293.08, 2283.94, 2301.7],
                ['2013/5/28', 2293.4, 2321.32, 2281.47, 2322.1],
                ['2013/5/29', 2323.54, 2324.02, 2321.17, 2334.33],
                ['2013/5/30', 2316.25, 2317.75, 2310.49, 2325.72],
                ['2013/5/31', 2320.74, 2300.59, 2299.37, 2325.53],
                ['2013/6/3', 2300.21, 2299.25, 2294.11, 2313.43],
                ['2013/6/4', 2297.1, 2272.42, 2264.76, 2297.1],
                ['2013/6/5', 2270.71, 2270.93, 2260.87, 2276.86],
                ['2013/6/6', 2264.43, 2242.11, 2240.07, 2266.69],
                ['2013/6/7', 2242.26, 2210.9, 2205.07, 2250.63],
                ['2013/6/13', 2190.1, 2148.35, 2126.22, 2190.1]
            ]);


            function splitData(rawData) {
                var categoryData = [];
                var values = [];
                for (var i = 0; i < rawData.length; i++) {
                    categoryData.push(rawData[i].splice(0, 1)[0]);
                    values.push(rawData[i]);
                }
                return {
                    categoryData: categoryData,
                    values: values
                };
            }

            function calculateMA(dayCount) {
                var result = [];
                for (var i = 0, len = data0.values.length; i < len; i++) {
                    if (i < dayCount) {
                        result.push('-');
                        continue;
                    }
                    var sum = 0;
                    for (var j = 0; j < dayCount; j++) {
                        sum += data0.values[i - j][1];
                    }
                    result.push(sum / dayCount);
                }
                return result;
            }



            option.legend = option.legend || {data: []};
            option.legend.data = option.legend.data || [];

            if (option && option.xAxis) {
                option.xAxis.type = 'category';
                option.xAxis.scale = true;
                option.xAxis.boundaryGap = false;
                option.xAxis.axisLine = {onZero: false};
                option.xAxis.splitLine = {show: false};
                option.xAxis.splitNumber = 20;
                option.xAxis.min = 'dataMin';
                option.xAxis.max = 'dataMax';

                option.xAxis.data=data0.categoryData;

                series = $.isArray(option.series) ? option.series : (option.series.elements || []);

                for(index=-1;value=series[++index];) {
                    if(value.type==='candlestick') {
                        value.itemStyle = {
                            normal: {
                                color: upColor,
                                color0: downColor
                            }
                        };
                        value.data = data0.values;
                        delete value.edmItemId;
                        delete value.edmKey;

                    }else{
                        value.data = calculateMA(10);
                        value.smooth = true;
                        value.lineStyle = {};
                        value.lineStyle.normal = { opacity: 0.5 };

                    }

                    option.legend.data.push(value.name);

                }
                option.series = series;

            }
            if(option.yAxis){
                for(index=-1;value=option.yAxis[++index];){
                    value.scale=true;
                    value.splitArea = {
                        show: true
                    };
                }
            }
            if(option.xAxis){

                for(index=-1;value=option.xAxis[++index];){

                }

            }
            if (option.toolbox) {
                option.toolbox.feature = {
                    dataView: {readOnly: false},
                    restore: {},
                    saveAsImage: {}
                };

            }



            $widget.css({
                height: '250px'
            });

            myChart = echarts.init($widget[0], 'agree');

            // 配置时、运行时，对 title{ text }，legend{ data }, series { name }, xAxis { name }, yAxis { name } 进行国际化翻译

            if (widgetIns) {

                option.title.text = widgetIns.nsl(option.title.text);

                for ( i = -1; item = option.legend.data[++i];) {
                    item = widgetIns.nsl(item);
                    option.legend.data[i] = item;
                }

                for ( i = -1; item = option.series[++i];) {
                    item.name =  widgetIns.nsl(item.name);
                }

                if (option.yAxis) {

                    for ( i = -1; item = option.yAxis[++i];) {
                        item.name =  widgetIns.nsl(item.name);

                        if (item.data) {

                            for ( j = -1; temp = item.data[++j];) {

                                if (typeof temp === 'string') {
                                    temp =  widgetIns.nsl(temp);
                                    item.data[j] = temp;
                                }
                            }
                        }
                        
                    }
                }
                
                if (option.xAxis && option.xAxis.data) {

                    for ( j = -1; temp = option.xAxis.data[++j];) {

                        if (typeof temp === 'string') {
                            temp =  widgetIns.nsl(temp);
                            option.xAxis.data[j] = temp;
                        }
                    }
                }
                
                option.xAxis.name = widgetIns.nsl(option.xAxis.name);

            } else {

                option.title.text = $AW.nsl(option.title.text, attr.id, auiCtx);

                for ( i = -1; item = option.legend.data[++i];) {
                    item = $AW.nsl(item, attr.id, auiCtx);
                    option.legend.data[i] = item;
                }

                for ( i = -1; item = option.series[++i];) {
                    item.name = $AW.nsl(item.name, attr.id, auiCtx);
                }

                if (option.yAxis) {

                    for ( i = -1; item = option.yAxis[++i];) {
                        item.name = $AW.nsl(item.name, attr.id, auiCtx);

                        if (item.data) {

                            for ( j = -1; temp = item.data[++j];) {

                                if (typeof temp === 'string') {
                                    temp = $AW.nsl(temp, attr.id, auiCtx);
                                    item.data[j] = temp;
                                }
                            }
                        }
                    }
                }
                
                if (option.xAxis && option.xAxis.data) {

                    for ( j = -1; temp = option.xAxis.data[++j];) {

                        if (typeof temp === 'string') {
                            temp = $AW.nsl(temp, attr.id, auiCtx);
                            option.xAxis.data[j] = temp;
                        }   
                    }
                }

                option.xAxis.name = $AW.nsl(option.xAxis.name, attr.id, auiCtx);

            }

            myChart.setOption(option);
            myChart.resize();

            //解析option、attr、css
            //将数据保存在cache的内存结构中；
            //安全添加html元素
            //使用$.fn.off().empty().append(html)可以避免调用$.fn.html(html)时导致的内存泄漏。
            $widget.append(html);


            return {
                myChart: myChart,
                echart: myChart,
                /*
                 *   @pause 页面切出接口
                 *
                 *   配置：
                 *       接口-->
                 *           中文名：暂停
                 *           英文名：pause
                 *           类型：无参数接口
                 *           详情：当由当前页面切换到其他页面时，组件提供的可调用接口，该接口组件用于停止组件实例某些消耗性能的监听或轮询
                 *           调用接口可以在：切出操作
                 * */
                pause:function(){
                    app.screen.removeResizeHandler(resizeHandler, true);},

                /*
                 *   @resume 页面切入接口
                 *
                 *   配置：
                 *       组件接口-->
                 *           中文名：恢复
                 *           英文名：resume
                 *           类型：无参数接口
                 *           详情：当由其他页面到当前页面切换时，组件提供的可调用接口，该接口组件用于恢复组件实例某些消耗性能的监听或轮询
                 *           调用接口可以在：切入操作
                 * */
                resume:function(){
                    addResizeHandler();
                    myChart.resize();
                },

                refresh:function(data){
                    var i,item,seriesArr,dataCopy;
                    if (data !== 'auiAjaxTest') {
                        if (option && option.xAxis) {

                            seriesArr = $.isArray(option.series) ? option.series : (option.series.elements || []);

                            for(i=-1;item=seriesArr[++index];) {
                                if(item.type==='candlestick') {
                                     dataCopy = splitData(data[0]);
                                    option.xAxis.data=dataCopy.categoryData;
                                    item.data = dataCopy.values;
                                }else{
                                    item.data = data.values;
                                }
                                option.legend.data.push(item.name);
                            }
                            option.series = seriesArr;

                        }
                        myChart.setOption(option);
                        myChart.resize();
                    }
                },
                setOption: function (option) {
                    myChart.setOption(option);
                    myChart.resize();
                    return myChart;
                },
                resize: function () {
                    myChart.resize();
                },

                //组件行为部分
                /*
                 *   @behavior  行为接口，通过比较结果对 $widget 进行操作
                 *       @result     Boolean     比较结果
                 *       @input1     Object      输入值
                 *       @input2     Object      比较值
                 *       @condition  enum        条件
                 *                   lt          小于
                 *                   eq          等于
                 *                   gt          大于
                 *                   not         不等于
                 *                   includes    包含
                 *                   notIncludes 不包含
                 *                   startsWith  以…开始
                 *   配置：
                 *       组件接口-->
                 *           中文名：显示隐藏行为
                 *           英文名：display
                 *           类型：行为接口
                 *           详情：根据结果进行显示或者隐藏
                 *           入参：
                 *              中文名：比较结果
                 *              英文名：result
                 *              类型：布尔值
                 *
                 *              中文名：输入值
                 *              英文名：input1
                 *              类型：字符串（根据实际情况而定）
                 *
                 *              中文名：比较值
                 *              英文名：input2
                 *              类型：字符串（根据实际情况而定）
                 *
                 *              中文名：比较条件
                 *              英文名：condition
                 *              类型：枚举值
                 *
                 * */
                display: function (result, input1, input2, condition) {
                    this[result ? 'hide' : 'show']();
                },

                /*
                 *   @show   显示
                 *   配置：
                 *       组件接口-->
                 *           中文名：显示
                 *           英文名：show
                 *           类型：无参数接口
                 * */
                show: function () {
                    $widget.removeClass('hide');

                    myChart.resize();
                },

                /*
                 *   @show   隐藏
                 *   配置：
                 *       组件接口-->
                 *           中文名：隐藏
                 *           英文名：hide
                 *           类型：无参数接口
                 * */
                hide: function () {
                    $widget.addClass('hide');
                }
            }
        };

        //下面的代码，如无必要，无需修改，但需要查看每个入参的意义
        if(!widget.mobile.SoYComponent){
            widget.mobile.SoYComponent={};
        }

        widget.mobile.SoYComponent.SoYKChart = function () {
            var widgetIns, eventHandler,
                $widget, option, attr, css, auiCtx;

            if (arguments[0].version) {
                /*
                 *   配置时代码
                 *   @widgetIns      $AW Object      组件对象实例
                 *   @eventHandler   Event Handler    调用事件句柄
                 *                   {
                 *                          @type 触发配置config的类型，枚举类型：
                 *                                  resume         组件第一次实例化，不包括再次打开页面或者业务组件的实例化
                 *                                  valueChange    配置被修改，包括参数option、样式配置css、数据校验配置edm
                 *                                  sizeChange     组件周边组件发生改变，导致父组件触发事件冒泡或者事件委托时触发的类型
                 *                                  default        组件未知触发类型事件触发的事件类型
                 *                          @bubble 触发配置方法时，是否由于子组件的值改变触发的事件冒泡
                 *                                  undefined      当bubble=undefined时，一般type=valueChange，表示由组件自身的值改变触发的
                 *                                  true           当bubble=true时，一般type=sizeChange且capture=false，表示由于子组件的值改变触发的
                 *                                  false          当bubble=false时，一般type=sizeChaneg且capture=false，表示由于父组件的值改变触发的
                 *                          @capture 触发配置方法时，是否由于父组件的值改变触发的事件委托
                 *                                  undefined      当bubble=undefined时，一般type=valueChange，表示由组件自身的值改变触发的
                 *                                  true           当capture=true时，一般type=sizeChange且bubble=false，表示由于父组件的值改变触发的
                 *                                  false          当capture=false时，一般type=sizeChaneg且bubble=false，表示由于子组件的值改变触发的
                 *                          @targetID 表示触发事件冒泡或者事件委托的组件ID,当targetID=undefined时，表示组件自身触发的
                 *                          @target 当type=valueChange且from=undefined时，值等于修改组件实例的哪个配置项，枚举类型
                 *                                  option    表示修改了组件的参数
                 *                                  css       表示修改了组件的样式配置
                 *                                  edm       表示修改了组件的校验配置
                 *                          @from   当配置config方法由于通过调用外部接口触发时，from显示调用的接口源，枚举类型。当from不等于undefined时，modelSelector和widgetSelector等于undefined
                 *                                  widget.fn.option   通过$AW(widgetID).option(opt)触发组件的配置config方法，如果不想触发方法可以用￥AW(widgetID).option(opt,true)阻止配置config方法触发；
                 *                                  widget.fn.css      通过$AW(widgetID).css(opt)触发组件的配置config方法，如果不想触发方法可以用￥AW(widgetID).css(opt,true)阻止配置config方法触发；
                 *                          @modelSelector 当type=valueChange且from=undefined时，值等于修改组件实例的配置项的路径：
                 *                                  例如，修标签页容器的第二个标签的类型，那么modelSelector=widgetInstance['optionCopy']['name'][1]['type']
                 *                                  其中widgetInstance表示组件实例，optionCopy表示组件参数，如果修改样式配置则为css
                 *                          @widgetSelector 当type=valueChange且from=undefined时，值等于修改组件的配置项的路径(注意，这里是配置项路径，不是组件实例配置项路径)：
                 *                                  例如，修标签页容器的第二个标签的类型，那么widgetSelector=widget['option'][0]['attrInEachElement'][2]
                 *                                  其中widget表示配置，option表示组件参数，如果修改样式配置则为css
                 *                  }
                 * */
                //配置时代码Start
                widgetIns = arguments[0];

                //根据eventHandler的内容，判断是否需要重新渲染

                render(
                    widgetIns,
                    widgetIns[0].$widget.children('[data-widget-type]'),
                    widgetIns.option(),
                    widgetIns.attr(),
                    widgetIns.css(),
                    null
                );


                //配置时代码End

                return widget;
            } else {
                /*
                 * 运行时代码
                 * @$widget  jQuery Object   组件template的jQuery对象
                 * @option   Object          组件参数
                 * @attr     Object          组件基本属性
                 * @css      Object          组件样式配置
                 * @auiCtx   SPA Object      单页对象
                 *           {
                 *               //单页应用参数
                 *               $el                 jQuery Object       页面jQuery对象
                 *               scope               Object              页面缓存
                 *               handler             SPA Handler Object  单页应用句柄对象
                 *
                 *               //全局参数
                 *               pageParams          Object              页面参数（转跳到该页面时传入参数的数据池）
                 *
                 *               //组件实例属性
                 *               variables           Object              组件实例容器
                 *               configs             Object              组件参数容器
                 *               attr                Object              组件基本属性容器
                 *               css                 Object              组件样式属性容器
                 *               validations         Object              校验属性容器
                 *           }
                 * */
                $widget = arguments[0];
                option = arguments[1];
                attr = arguments[2];
                css = arguments[3];
                auiCtx = arguments[4];

                //运行时代码Start
                return render(null, $widget, option, attr, css, auiCtx);
                //运行时代码End
            }
        };
    });
})();
